<script setup>

    import SC from './SC.vue';
    import {ref} from "vue"

    const content = ref("Vue 组件传递数据可以分为正向传递和反向传递，正向传递是父组件向子组件传递，通过 props 实现。")
</script>

<template>
    <h1>这是父组件中的内容</h1>
    <hr>
    <h2>这下面是子组件中的内容</h2>
    <!-- title 使用普通方式传递数据， content 使用v-bind方式传递动态数据 -->
    <SC title="Vue 组件传递数据" :content="content"></SC>
</template>
